Top 14 Mindblowing jQuery Fade Gallery Roundup Every Web Developer Should Know

1. WordPress Banner Rotator / Slideshow Plugin

featured image

This is a WordPress plugin for the jQuery gallery plugin Rotator.Different image transitieffects available, including fade, horizontal vertical slide plus many others.

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. jquery Slider Zoom In/Out Effect Fully Responsive

featured image

– FADE TRANSITION between slides. 2 types of transition between slides to choose from: FADE TRANSITION or SLIDE TRANSITIbanner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch

More Details

4. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

Nova Gallery is HTML5 multimedigallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can have multiple sets/albums of items and can filter gallery items based on file type or based custom categories. gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasphotos from groups/sets/albums/collections. gallery features a fluid responsive design and can fit in any screen size ranging mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable mobile devices. Try the gallery demos and resize your browser to see the responsive design of gallery in action. All gallery data is passed in a simple XML file. Thslideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports HTML5 Page Visibility Api). Supports multiple gallery sets or albums. gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. gallery items can also act as links to external pages

Can mention a youtube custom thumbnail not showing up image for the gallery sets.e Thumbnail Grid or Full-width, which will be shown when gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show thumbnails in Full-width mode when gallery first loads. Available effects are fade, slide, fadeSeq, slidSeq and flipSeq. Available effects are flip and fade. Avialable effects are fade, slide and flip. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Available effects are scale, fade and slide. Show gallery either spanning the entire width of the browser or the width of its parent container. gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. gallery supports preloading of images in Full-width mode for smoother viewing. You can start slideshow in Full-width mode when the gallery first loads. Option to set the path for gallery configuratiXML file.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The jQuery gallery script has been tested and is fully compatible with jQuery 1. and jquery 2. Improved the closing/opening of gallery menu in touch-screen devices.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in page along with the gallery. Updated the jQuery masonry infinite scroll plugin so that it is compatible with jquery v1. gallery now is fully compatible jquery 1.9+ including jquery 2.

More Details

5. MelonHTML5 - Metro Gallery

featured image

Metro Gallery a flexible and easy integrate photo gallery featured Metro Design.Metro Gallery gives you the ability to easily create your own unique Metro Wall containing multiple tiles in various sizes automatic rotations.Each tile could have it own size set which ranges from 1×1, 1×2 … 4×4 … to 10×10CSS3 animations + jQuery fallback for IE

Old IEs will get jQuery Fallback.Metro Gallery can be loaded with 3 different animations: flip, scale or fade.Updated code to be fully compatible jQuery 1.

More Details

6. InstaVision

featured image

Instagram WordPress Gallery supports multiple image resolutions, image descriptions, tags, custom counts. Instagram for WordPress is responsive, and uses jQuery ajax to automatically update (fade in/out) sidebar widget.

More Details

7. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail NavigatFade

No-Jquery minimum 15KB javascript code by smart compression. Move, fade, clip, zoom and rotation transitions are all supported for all browsers

Composite move, fade, clip, zoom and rotation in one transition is allowed

More Details

8. jQuery pinterest style gallery plugin

featured image

Pinterest style layout gallery. CSS3 driven animation, graceful degradation, it will toggle fade transition in the old browser.jQuery OneByOne Slider Plugin:

More Details

9. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Image Gallery

Image Gallery with Vertical Thumbnail Navigator

Fade

No-Jquery minimum 15KB javascript code smart compression. Move, fade, clip, zoom and rotatitransitions are all supported for all browsers

Composite move, fade, clip, zoom and rotation in one transition is allowed

More Details

10. Nova Gallery - Multimedia Gallery Wordpress Plugin

featured image

The standalone gallery has a 5 star rating.Nova image gallery plugin makes it easy to embed the NovGallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is HTML5 multimedigallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can have multiple sets/albums of items and can filter gallery items based file type based custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones desktop browsers. gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable mobile devices. Try the gallery demos and resize your browser to see the responsive design of gallery in action. Thslideshow stops whenever the browser tab in which the gallery is displayed, goes out focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act links to external pages

Create multiple galleries and manage them with Gallery Manager. Can host media files in services Amazon AWS and insert those file links in the gallery settings page. plugin allows you upload media files through WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in Gallery Manager. Can mention a youtube custom thumbnail image for gallery sets.e Thumbnail Grid or Full-width, which will be shown when gallery first loads. Option to show a particular category of items when gallery first loads. Shrink images in Full-width mode to fit the container when gallery first loads. Choose to show the thumbnails in Full-width mode when gallery first loads. Available effects are fade, slide, fadeSeq, slidSeq and flipSeq. Available effects are flip and fade. Avialable effects are fade, slide and flip. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Available effects are scale, fade and slide. Show the gallery either spanning the entire width of the browser or width of its parent container. gallery items can also act as links to external pages. You have the option to shuffle or randomly order gallery items each time the page is refreshed. gallery supports preloading images in Full-width mode for smoother viewing. You can start slideshow in Full-width mode when gallery first loads. Option to set the path for gallery configuratiXML file. Option to hide the Gallery Menu

Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. The jQuery gallery script has been tested and is fully compatible with jQuery 1. jQuery 2. Improved the closing/opening of gallery menu in touch-screen devices.Fixed problem with positioning of gallery overlay/lightbox when there were other content in page along with the gallery. Updated the jQuery masonry plugin so that it is compatible jquery v1. gallery now is fully compatible jquery 1.9+ including jquery 2.Fixed a bug regarding the displaying gallery set names.

More Details

11. GecoGallery - jQuery Plugin

featured image

GecoGallery is a jQuery gallery plugin that can be used to display images and text. Customizable gallery dimensions

Fade

More Details

12. OpenPanel - Open Responsive Panel Anywhere

featured image

Open Panel jQuery Plugin

OpenPanel is a jQuery plugin that allows you to open panel at any where in your page, unlimited panels as you want and support for responsive design.Four Directions Slide and Fade Effects.Rainbow Background Full Screen jQuery Plugin

Metro Tab jQuery

More Details

13. ajSlideshow: A jQuery Gallery Slideshow Plugin

featured image

A jQuery gallery slideshow plugin is a perfect slideshow and it is as it looks.No, its real easy, you can use thplugin as most of other available jQuery plugins.A True jQuery Plugin.5 simple slide transitions : slide left/right/up/down and fade.

More Details

14. Wope Slider - The Responsive Layer Slider

featured image

- Impressed animation & effect with easing moving direction , face in 4 direction and fade.

More Details

15. Justified Image Grid - Premium WordPress Gallery

featured image

The #1 best selling gallery on CodeCanyon

This responsive WordPress gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and script slideshow image search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard WP galleries [gallery] as [justified_image_grid] with lots of new features and options. The settings are available change on a per gallery basis, extending the global settings and presets. #2 Settings and creating gallery

Automatically align images to a justified gallery keeping their original aspect ratio

NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Hidden limit – limit the number of thumbs cycle all gallery images in the lightbox

224 unique settings shortcode attributes that you can change for each gallery

These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures. Features simply the best mouse enter/leave animation solution, hoverFlow for jQuery to solve the animation queue buildup

This is one of best gallery plugin jQuery plugins out there.This is best gallery plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love thgallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!

Link RSS images to their permalink or the image itself (RSS Reader mode RSS Gallery mode basically)

The ng_random_images now accepts a comma separated list of multiple gallery ids to allow random images from multiple galleries. This is useful for sorting gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. Added: Using Recent Posts feature, when Click on thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)

Added: Custom text to add before & after each gallery (can be disabled on individual instances)

Improved: jQuery source setting is more aggressive, more compatible and has more options with exact version numbers. Checked: jQuery v1.Added: Nextgen random images (display some random images of a gallery or regardless gallery – the limit is applied after randomization)

Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid

Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after gallery with instructions to resolve the issue.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)

All in all this means you can tag WP images, just like NextGEN, and display gallery based on the tag.Added: Jquery source option: added 5th setting to only change jQuery settings on pages where JIG is used (old themes support)

Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly

Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone

Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Added: If all images have failed to load (likely because of TimThumb permissions), an error is displayed about what to do (It’s a red text like the old jQuery version error)

Added: A setting for jQuery mobile slideshow to add link rel external when mobile device and link rel is auto – this helps images open properly

Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required

Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: Rare, 1px ‘jumping’ of images during fade in animation when loading is now fixed

Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.5 – February 12, 2013 – User suggested new features, NextGEN core changes, browser jQuery compatibility bugfixes for the shortcode editor, mobile experience improvements…

Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)

Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)

Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)

Social Gallery doesn’t support HTML (links to the file to download)

Improved: NextGEN album gallery dropdown selectors now include ID id the shortcode editor

Bugfix: Shortcode Editor: IE: jQuery .Bugfix: Customized prettyPhoto to be jQuery 1.Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe

Updated: jQuery 1.Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly

call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using plugin with NextGEN gallery

Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Recent posts can link to the images (lightbox) instead posts – create gallery using recent posts, not a slider

Added: Ability to automatically exclude featured image from gallery (use the word feature in exclude field)

Improved: jQuery 1.Improved: Social Gallery V2 compatibility

Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)

Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility

More Details